<!--
 * 作者：zhang
 * 时间：2024/7/21 下午10:10
 * 功能：
 *
-->
<script setup lang="ts">

</script>

<template>
  <div>
  <footer class="footer">
    <div class="container">
      <div class="content has-text-centered">
        <p>
          <strong>Bulma</strong> by <a href="https://jgthms.com">J</a>. The source code is licensed
          <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
          is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
        </p>
      </div>
    </div>
  </footer>
  </div>
</template>

<style scoped>
.footer {
  background-color: #f5f5f5;
  padding: 2rem 1rem;
  font-size: 1rem;
  color: #7a7a7a;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer a {
  color: #3273dc;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer p {
  margin-bottom: 0;
}

.footer .container {
  max-width: 600px;
}
</style>
